::v-deep.order-container {
  display: flex;
  flex-direction: column;
  height: 100%;

  .el-table .warning-row {
    background: oldlace;
  }
  
  .el-table .cancel-row {
    background: rgb(253, 231, 230);
  }

  .el-table .success-row {
    background: #f0f9eb;
  }

  .order-search-container {
    position: relative;
    padding: 10px;
    background: #fff;
    margin-bottom: 10px;
    overflow-x: scroll;

    .demo-form-inline{
      width: 1064px;
      min-width: 1064px;
      // display: flex;
      // flex-wrap: wrap;
    }

    .el-form-item {
      margin-bottom: 0;
    }
  
    .add-button {
      position: absolute;
      right: 10px;
      top: 10px;
    }
  }
  .order-table-container {
    flex: 1;
    margin-bottom: 50px;
    background-color: #ffffff;
    overflow-y: auto;

    .el-table{
      .el-table__body-wrapper{
        .el-table__body{
          .el-table__row{
            .cell{
              .customize-color-one{
                background-color: #99b898;
                border: #99b898;
              }
              .customize-color-two{
                background-color: #feceab;
                border: #feceab;
              }
              .customize-color-three{
                background-color: #ff847c;
                border: #ff847c;
              }
              .customize-color-four{
                background-color: #e84a5f;
                border: #e84a5f;
              }
            }
          }
        }
      }
    }
  }

  .table-pages{
    position: absolute;
    bottom: 0;
    right: 10px;
    margin-bottom: 10px;
  }

  .order-dialog {
    overflow-y: auto;
    overflow-x: hidden;
    .text {
      height: 40px;
      font-size: 16px;
      line-height: 40px;
    }
    .line {
      height: 40px;
      font-size: 14px;
      line-height: 40px;
      border-bottom: 1px solid #ccc;
      overflow: hidden;
      .title {
        display: inline-block;
        width: 100px;
        font-size: 16px;
        text-align: left;
      }
    }
    .line-div {
      font-size: 14px;
      border-bottom: 1px solid #ccc;
      overflow: hidden;
      .title {
        width: 100px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        text-align: left;
      }
    }
    .line-img {
      height: 200px;
      overflow: hidden;
      border-bottom: 1px solid #ccc;
      .line-title {
        height: 40px;
        font-size: 16px;
        text-align: left;
        line-height: 40px;
      }
      .img-list {
        display: flex;
        overflow: auto;
      }
    }

    .order-form {
      margin-top: 10px;
      .el-form-item__label {
        font-size: 16px;
      }
    }
    .min-img {
      margin-right: 10px;
      width: 150px;
    }
    .dialog-deal-with-container {
      .el-dialog__body {
        max-height: 600px;
        overflow: auto;
      }
    }
  }
}


